<template>
	<div>
		<TypeNav />
		<List />
		<Recommend />
		<Rank />
		<Like />
		<Floor v-for="floor in floorList" :key="floor.id" :floor="floor" />
		<Brand />
	</div>
</template>

<script>
import List from "./components/List";
import Recommend from "./components/Recommend";
import Rank from "./components/Rank";
import Like from "./components/Like";
import Floor from "./components/Floor";
import Brand from "./components/Brand";
import { reqFloorList } from "@/api";
export default {
	name: "Home",
	components: {
		List,
		Recommend,
		Rank,
		Like,
		Floor,
		Brand,
	},
	data() {
		return {
			floorList: [],
		};
	},
	mounted() {
		//初始化请求floor的数据
		this.getFloorList();
	},
	methods: {
		//1. 封装初始化请求floor的数据
		async getFloorList() {
			const re = await reqFloorList();
			this.floorList = re;
		},
	},
};
</script>

<style lang="less" scoped></style>
